<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图片访问测试</title>
</head>
<body>
    <h1>图片访问测试</h1>
    
    <div style="margin: 20px;">
        <h2>测试图片显示</h2>
        <img src="http://localhost:8090/api/files/view/uploads/2025/09/08/ca6a7c9f-0050-4d44-85d6-6be6f35be57f.png" 
             alt="测试图片" 
             style="max-width: 500px; border: 1px solid #ccc;"
             onload="console.log('图片加载成功')" 
             onerror="console.log('图片加载失败')">
    </div>
    
    <div style="margin: 20px;">
        <h2>测试直接访问</h2>
        <a href="http://localhost:8090/api/files/view/uploads/2025/09/08/ca6a7c9f-0050-4d44-85d6-6be6f35be57f.png" 
           target="_blank">点击直接访问图片</a>
    </div>
    
    <script>
        // 测试 fetch 请求
        fetch('http://localhost:8090/api/files/view/uploads/2025/09/08/ca6a7c9f-0050-4d44-85d6-6be6f35be57f.png')
            .then(response => {
                console.log('Fetch 响应状态:', response.status);
                console.log('Fetch 响应头:', response.headers);
                return response.blob();
            })
            .then(blob => {
                console.log('Fetch 成功，文件大小:', blob.size);
            })
            .catch(error => {
                console.error('Fetch 错误:', error);
            });
    </script>
</body>
</html> 